<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录</title>
  <!-- weui -->
  <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
</head>

<body>
    <!-- 主要内容 -->
    <div class="logbox">
        <div class="pwdbtn">
            <button id="idreg">注册账号</button>
        </div>
        <p class="logtitle">密码登录</p>

        <div class="log-inps">
            <form action="#">
                <input type="text" id="logid" placeholder="请输入账号">
                <input type="password" name="logpwd" id="logpwd" placeholder="请输入密码">
                <button id="logbtn">登录</button>
            </form>
        </div>
        <!-- 忘记密码 -->
        <div class="forgetpwd">
            <span id="forget">忘记密码</span>
        </div>

        <div class="logbtm">
            <p>-HOLD ON-</p>
        </div>
    </div>


    <!-- weui -->
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
</body>

</html>